<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>History Order</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<div class="body-container">
    <div class="header">
    <p style="display:none" id="cId">${cId}</p>
        <div class="nav">
           <h2>有家美食店</h2>
            <ul>
                <c:if  test="${name != null}">               
                <li><a href="LogoutServlet">logout</a></li>
                <li><a href="historyOrder.jsp">Order</a></li>
                <li><a href="javaScript(0);">${name}</a></li>
                </c:if>
                <c:if test="${name == null}">                               
                <li><a href="register.jsp">Register</a></li>
                <li><a href="login.jsp">Login</a></li>
                </c:if>               
            </ul>
        </div>
    </div>
    <div class="container">
        <div>
            <h2>History Order</h2>
            <hr size="2">
            <table class="order-table">
        <tr>
            <th>#</th>
            <th>name</th>
            <th>Sum price</th>
            <th>number</th>
            <th>Date</th>
            <th>sum</th>
            <th>Option</th>
        </tr>
        <tr>
            <td>1</td>
            <td>foodName</td>
            <td>$123</td>
            <td>2</td>
            <td>2016-7-30 16:10:05</td>
            <td>246</td>
            <td><button class="hisOrder-btn">delete</button></td>
        </tr>
    </table>
        </div>
    </div>
    </div>
</body>
</html>